<style type="text/css">
.user-tab a {
    width: 33%;
}
.user-tab .wid50{
    width: 50%;
}
.panel-list .wrapper .icon-money {
    position: absolute;
    right: 5rem;
    color:#999;
}
</style> 
    <div class="user-info-top">
      <section class="user-info">
        <div class="user-info-main">
          <a href="{{prefix}}userContent/setUp/setInfo.html" class="info-lay">
            <div class="img-lay">
              <img lazy-img="{{userInfoData.avatar}}">
            </div>
            <div class="main-info">
              <h3 class="tit">{{userInfoData.nickname}}</h3>
              <p>会员等级:{{userInfoData.level}}</p>
            </div>
          </a>

          <a href="{{prefix}}userContent/setUp/setInfo.html" class="user-set">
            <i class="iconfont icon-shezhi"></i>
          </a>
        </div>
        <div class="user-info-most">
            <a href="javascript:;">
              <p>
                账户金额
              </p>
              <p>
                ￥{{userInfoData.balance}}
              </p>
            </a>
            <a href="javascript:;">
              <p>
                佣金
              </p>
              <p>
                ￥{{userInfoData.commission}}
              </p>
            </a>
            <a href="javascript:;">
              <p>
                销售额
              </p>
              <p>
                ￥{{userInfoData.totalSales}}
              </p>
            </a>
        </div>
      </section>
      <section class="user-tab">
          <a href="javascript:;" ng-if="userInfoData.employee || item.id!=3" ng-class="{'active' : navTabSelectId === item.id}" class="{{userInfoData.employee?'':'wid50'}}" ng-click="navTabClick(item.id)" ng-repeat="item in navTab track by $index">{{::item.name}}</a>
      </section>
    </div>

    <article>
      <section ng-if="navTabSelectId === 1">
        <section class="user-table-retail">
          <a href="{{prefix}}shopCart.html">
            <div class="info-tab-icon">
              <i class="iconfont icon-gouwuche"></i>
            </div>
            <p>
              购物车
            </p>
          </a>
          <a href="{{prefix}}userContent/myMessage.html">
            <div class="info-tab-icon">
              <i class="iconfont icon-xiaoxi icon-message"></i>
              <!--<span class="num">5</span>-->
            </div>
            <p>
              我的消息
            </p>
          </a>
          <a href="{{prefix}}userContent/collect.html">
            <div class="info-tab-icon">
              <i class="iconfont icon-shoucang icon-collect"></i>
            </div>
            <p>
              我的收藏
            </p>
          </a>
        </section>

        <div class="panel-list user-list-lay">
          <div class="user-order-state ng-scope">
            <h4 class="order-title">
              全部订单
            </h4>
            <section class="user-table">
              <a href="{{::prefix}}order/myOrder/myOrderList.html?status={{::startItem.hrefStatus}}" ng-repeat="startItem in orderStateData track by $index">
                <i class="iconfont {{::startItem.icon}}"></i>
                <p>
                  {{::startItem.name}}
                </p>
                <span class="num" ng-if="orderNum[startItem.key]">
                    {{::orderNum[startItem.key]}}
                </span>
              </a>
            </section>
          </div>
          <div class="section">
            <div class="wrapper">
              <a href="javascript:;">
                <i class="iconfont icon-tixian1 left" style="font-size: 1.1rem;">
                </i>
                <span>
                  账户金额
                </span>
                <i class="iconfont icon-money right">
                  ￥{{userInfoData.balance}}
                </i>
                <i class="iconfont icon-qianjin right">
                </i>
              </a>
            </div>
          </div>
          <div class="section">
            <div class="wrapper">
              <a href="{{prefix}}userContent/accountDetail/list.html">
                <i class="iconfont icon-dingwei left" style="font-size: 1.1rem;">
                </i>
                <span>
                  账户明细
                </span>
                <i class="iconfont icon-qianjin right">
                </i>
              </a>
            </div>
          </div>
          <div class="section">
            <div class="wrapper">
              <a href="{{prefix}}userContent/pushMoney/list.html">
                <i class="iconfont icon-dingwei left" style="font-size: 1.1rem;">
                </i>
                <span>
                  充值
                </span>
                <i class="iconfont icon-qianjin right"></i>
              </a>
            </div>
          </div>
          <div class="section">
            <div class="wrapper">
              <a href="{{prefix}}userContent/site/list.html">
                <i class="iconfont icon-dingwei left" style="font-size: 1.1rem;">
                </i>
                <span>
                  收货地址管理
                </span>
                <i class="iconfont icon-qianjin right">
                </i>
              </a>
            </div>
          </div>
          <div class="section">
            <div class="wrapper">
              <a href="{{prefix}}help/helpList.html">
                <i class="iconfont icon-help left" style="font-size: 1rem;">
                </i>
                <span>
                  帮助中心
                </span>
                <i class="iconfont icon-qianjin right">
                </i>
              </a>
            </div>
          </div>
        </div>
      </section>

      <section ng-if="navTabSelectId === 2">
        <section class="user-table-retail">
          <a href="{{prefix}}userContent/distributor/myDistributor.html">
            <div class="info-tab-icon">
              <i class="iconfont icon-fenxiao" style="background: #ff684f;"></i>
            </div>
            <p>
              分销商
            </p>
          </a>
          <a href="{{prefix}}userContent/distributor/distributorOrder.html">
            <div class="info-tab-icon">
              <i class="iconfont icon-dingdan" style="background: #36dcb7;"></i>
            </div>
            <p>
              分销订单
            </p>
          </a>
          <a href="{{prefix}}userContent/distributor/press.html">
            <div class="info-tab-icon">
              <i class="iconfont icon-shoudongtuiguang"></i>
            </div>
            <p>
              我的推广码
            </p>
          </a>
        </section>

        <div class="panel-list user-list-lay">
          <!--<div class="section order-start-top ">-->
            <!--<div class="wrapper">-->
              <!--<a href="#/user/myMessage">-->
                <!--<i class="iconfont icon-yongjin left" style="font-size: 1rem;"></i>-->
                  <!--<span>-->
                    <!--我的佣金-->
                  <!--</span>-->
                  <!--<span class="right">-->
                    <!--总共佣金:￥11111-->
                  <!--</span>-->
              <!--</a>-->
            <!--</div>-->
          <!--</div>-->
          <div class="section order-start-top">
            <div class="wrapper">
              <a href="{{prefix}}userContent/distributor/distributorDraw.html">
                <i class="iconfont icon-tixian1 left" style="font-size: 1.1rem;">
                </i>
                  <span>
                    申请提现
                  </span>
                <i class="iconfont icon-qianjin right">
                </i>
              </a>
            </div>
          </div>
          <div class="section">
            <div class="wrapper">
              <a href="{{prefix}}userContent/distributor/distributorRecord.html">
                <i class="iconfont icon-iconsvgtixianjilu left" style="font-size: .85rem;">
                </i>
                  <span>
                    提现记录
                  </span>
                <i class="iconfont icon-qianjin right">
                </i>
              </a>
            </div>
          </div>
          <div class="section">
            <div class="wrapper">
              <a href="{{prefix}}userContent/setUp/identity.html">
                <i class="iconfont icon-yirenzheng left" style="font-size: .85rem;">
                </i>
                  <span>
                    认证信息
                  </span>
                <i class="iconfont icon-qianjin right">
                </i>
              </a>
            </div>
          </div>
          <div class="section order-start-top">
            <div class="wrapper">
              <a href="{{prefix}}userContent/aboutDistributor/list.html">
                <i class="iconfont icon-help left" style="font-size: 1rem;">
                </i>
                  <span>
                    关于分销商
                  </span>
                <i class="iconfont icon-qianjin right">
                </i>
              </a>
            </div>
          </div>
        </div>
      </section>
    </article>
